html,body{
margin:0;
padding:0
}

body{
font: arial,sans-serif;
text-align:center
}

p{
margin:0 10px 10px
}

a{
padding:5px; 
text-decoration:none; 
color:#000000;
}

div#header{
background-color:#F3F2ED;
}

div#header h1{
height:80px;
line-height:80px;
margin:0;
padding-left:10px;
}

div#container{
text-align:left;
}

div#content p{
line-height:1.4;
}

div#navigation{
background:#F6F0E0;
}

div#navigation ul{
margin:15px 0; 
padding:0; 
list-style-type:none;
}

div#navigation li{
margin-bottom:5px;
}

div#extra{
background:#CCC8B3;
}

div#footer{
background:#BFBD93;
}

div#footer p{
margin:0;
padding:5px 10px;
}

div#container{
width:1250px;
margin:0 auto;
}

div#content{
float:right;
width:980px;
}

div#navigation{
float:left;
width:250px;
}

div#extra{
float:left;
clear:left;
width:250px;
}

div#footer{
clear:both;
width:100%;
}

table{
border-collapse: collapse; 
}

#agenda td{
width: 125px;
border:1px black solid;
}

#agenda th{
width: 70px;
text-align: center;
}

#content span { 
 display:table-cell;
 width:110px;
}

#content i{
text-decoration:underline;
}

#tableau th{
width: 150px;
text-align: center;
border:1px black solid;
}

#tableau td{
text-align: center;
border:1px black solid;
}

#tableau .invisible{
width: 0px;
visibility:hidden;
border: 0px;
}
